// todo

.todo form {text-align: center; margin-bottom: 0px;}
.todo .completed {float: right;}
.todo .left {float: left;}
.todo .check {
    float: left;
    width: 16px;
    height: 16px;
    
	background: #f5ac67;
	background: url();
	background: -moz-radial-gradient(center, ellipse cover,  rgba(250,198,149,1) 0%, rgba(245,171,102,1) 47%, rgba(239,141,49,1) 100%);
	background: -webkit-gradient(radial, center center, 0px, center center, 100%, color-stop(0%,rgba(250,198,149,1)), color-stop(47%,rgba(245,171,102,1)), color-stop(100%,rgba(239,141,49,1)));
	background: -webkit-radial-gradient(center, ellipse cover,  rgba(250,198,149,1) 0%,rgba(245,171,102,1) 47%,rgba(239,141,49,1) 100%);
	background: -o-radial-gradient(center, ellipse cover,  rgba(250,198,149,1) 0%,rgba(245,171,102,1) 47%,rgba(239,141,49,1) 100%);
	background: -ms-radial-gradient(center, ellipse cover,  rgba(250,198,149,1) 0%,rgba(245,171,102,1) 47%,rgba(239,141,49,1) 100%);
	background: radial-gradient(ellipse at center,  rgba(250,198,149,1) 0%,rgba(245,171,102,1) 47%,rgba(239,141,49,1) 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fac695', endColorstr='#ef8d31',GradientType=1 );

    .rounded-corners(200px);
    .border-black;
}
.todo .check:hover{cursor: pointer;}
.todo .check.checked { 
	background: none;
    background-color: #1b1b1b;
}
.todo .time {margin-left: 10px; margin-right: 10px;}
.todo .content {}
.todo .level {float: right;color: #999;}

.todo .done {
    color: #000;
    text-decoration: line-through;
}